
<!DOCTYPE html>
<html lang="en">
<head>
<title>38278 template preview</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/jquery.fancybox-1.3.4.css" type="text/css">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
<script type="text/javascript" src="js/jquery-1.7.1.js" ></script>
<script type="text/javascript" src="js/jcarousellite.js" ></script>
<script type="text/javascript" src="js/jquery.easing.js" ></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js" ></script>
<script type="text/javascript" src="js/jquery.transform.js" ></script>
<script type="text/javascript" src="js/jquery.animate-colors.js" ></script>
<script type="text/javascript" src="js/googleMap.js"></script>
<script type="text/javascript" src="js/sprites.js"></script>
<script type="text/javascript" src="js/switcher.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<!--[if lt IE 9]>
  	<script type="text/javascript" src="js/html5.js"></script>
  <![endif]-->
<!--[if lt IE 8]>
		<div style=' clear: both; text-align:center; position: relative;'>
			<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a>
		</div>
	<![endif]-->
</head>
<body>
    <div class="extra">
        <div class="page_spinner"></div>
        <div id="top">
            <ul>
				<li><a href="#"><img src="images/header_small_icon_1.png" alt="">Forum</a></li>
				<li><a href="#"><img src="images/header_small_icon_2.png" alt="">Blog</a></li>
				<li class="last"><a href="#"><img src="images/header_small_icon_3.png" alt="">Search</a></li>
			</ul>
        </div>
        <div class="main"> 
    		<!--header -->
    		<header>
    			<h1><a href="#!/page_home" id="logo">Desa Tadang Palie, Kecamatan Ulaweng - Kabupaten Bone</a></h1>
    			<nav class="menu">
    				<ul id="menu">
    					<li id="button1"><a href="#!/page_home"><span>Home</span><b></b></a></li>
    					<li id="button2"><a href="#!/page_about"><span>About</span><b></b></a></li>
    					<li id="button3"><a href="#!/page_works"><span>Galeri</span><b></b></a></li>
    					<li id="button4"><a href="#!/page_contacts"><span>Location</span><b></b></a></li>
    				</ul>
                </nav>
    		</header>
    		<!--header end--> 
            <!--content -->
    			<article id="content">
                    <span><a href="#!/page_home"></a></span>
    				<ul>
    					<li id="page_home">
    					</li>
                        <li id="page_about">
                            <div class="wrapper contentPad">
                                <div class="col2 colIndent1">
                                    <h2>Desa Tadang Palie</h2>
                                    <p>Lorem ipsum dolor sit amet, consectetueng elit. Praesent vestibul um molestie lacusanmy hender it mauris. Phasellus porta. Fusce scipiiu m sociis natoque  penatibus agnis dis tuient montes, nasce.</p>
                                    <p class="color1">Lorem ipsum dolor sit amet, consectetueng elit. Praesent vestibul um molestie lacusanmy hender it mauris. Phasellus porta. Fusce scipiiu m sociis natoque  penatibus agnis dis tuient montes, nasce turiculus. mus. Nulla dui. Fusce feugiat malesuada odiooranunc.</p>
                                    <a class="more" href="#!/page_more">more info</a>
                                </div>
                                <div class="col2">
                                    <h2>Latest news</h2>
                                    <ul class="list1">
                                        <li><div>-</div>Struktur Pengurus Desa Tadang Palie</li>
                                        <li><div>-</div>SD Inpres Tadang Palie</li>
                                    </ul>
                                    <a class="more" href="#!/page_more">more news</a>
                                </div>
        					</div>
    					</li>
                        <li id="page_works">
                            <div class="wrapper contentPad">
                                <h2>The best works</h2>
                                <div id="controls"> <a class="prev" href=""></a> <a class="next" href=""></a> </div>
                                <div class="slider">
            						<ul>
            							<li><a href="images/image-blank.png">
                                            <span></span>
            								<figure> <img src="images/page3_pic1.png" alt="">
            									<figcaption>Lorem ipsum dolor sit amet, serene consectetueng elit.</figcaption>
            								</figure>
                                        </a></li>
                                        <li><a href="images/image-blank.png">
                                            <span></span>
                                            <figure> <img src="images/page3_pic2.png" alt="">
            									<figcaption>Dolor sit amet, serene consectetueng elit lem port sre namet.</figcaption>
            								</figure>
                                        </a></li>
                                        <li><a href="images/image-blank.png">
                                            <span></span>
                                            <figure> <img src="images/page3_pic3.png" alt="">
            									<figcaption>Lorem ipsum dolor sit amet, serene consectetueng elit.</figcaption>
            								</figure>
            							</a></li>
            						</ul>
            					</div>
        					</div>
    					</li>
                        <li id="page_contacts">
                            <div class="wrapper contentPad">
                                <div class="col3 colIndent1">
                                    <h2>My address</h2>
                                     <figure class="google_map"></figure>
                                     <div class="address">
                                         <p> 
                                            The Company Name Inc.<br>
        									8901 Marmora Road,<br>
        									Glasgow, D04 89GR.<br>
                                         </p>
                                         <p>
        									Freephone: <span class="right">+1 800 559 6580</span><br>
        									Telephone: <span class="right">+1 800 603 6035</span><br>
        									FAX: <span class="right">+1 800 889 9898</span><br>
        									E-mail: <a href="mailto:">mail@demolink.org</a> <br>
        									Skype: <a href="#">@skypename</a> <br>
        								</p>
                                    </div>
                                </div>
                                <div class="col1">
                                    <h2>Other ways to reach me</h2>
                                    <ul class="list2">
                						<li><a id="icon1" href="#"></a></li>
                						<li><a id="icon2" href="#"></a></li>
                						<li><a id="icon3" href="#"></a></li>
                						<li><a id="icon4" href="#"></a></li>
                						<li><a id="icon5" href="#"></a></li>
                						<li><a id="icon6" href="#"></a></li>
                						<li class="last"><a id="icon7" href="#"></a></li>
                					</ul>
                					<ul class="list3">
                						<li><a href="#">Facebook</a></li>
                						<li><a href="#">Forrst</a></li>
                						<li><a href="#">Linkedln</a></li>
                						<li><a href="#">Skype</a></li>
                						<li><a href="#">Twitter</a></li>
                						<li><a href="#">YourVersion</a></li>
                					</ul>
                                </div>  
        					</div>
    					</li>
                        <li id="page_privacy">
			                 <div class="wrapper contentPad">
                				<h2>Privacy policy</h2>
                				<div class="col3">
                					<p> Lorem ipsum dolor sit amet, consectetueng elit. Praesent vestibul um molestie lacusanmy. 
                                        <span class="color1">Lorem ipsum dolor sit amet, consectetueng elit. Praesent vestibul um molestie lacusanmy hender it mauris. Phasellus porta. Fusce scipiiu m sociis natoque  penatibus agnis dis tuient montes, nasce tur iculus. mus. Nulla dui. Fusce feugiat males.</span>
                                    </p>
                					<p> Dolor sit amet, consectetueng elit. Praesent vestibul um molestie lacusanmy. hender it.  
                                        <span class="color1">Lorem ipsum dolor sit amet, consectetueng elit. Praesent vestibul um molestie lacusanmy hender it mauris. Phasellus porta. Fusce scipiiu m sociis natoque  penatibus agnis dis tuient montes, nasce tur iculus. mus. Nulla dui. Fusce feugiat males.</span>
                                    </p>
                					<a class="mailTo" href="mailto:">privacy@demolink.org</a> 
                                </div>
                                <a class="closeBtn" href="#!/page_gallery"></a>
                    	     </div>
                        </li>
                        <li id="page_more">
			                 <div class="wrapper contentPad">
                				<h2>Lorem ipsum dolor</h2>
                				<div class="col3">
                					<p> Lorem ipsum dolor sit amet, consectetueng elit. Praesent vestibul um molestie lacusanmy. 
                                        <span class="color1">Lorem ipsum dolor sit amet, consectetueng elit. Praesent vestibul um molestie lacusanmy hender it mauris. Phasellus porta. Fusce scipiiu m sociis natoque  penatibus agnis dis tuient montes, nasce tur iculus. mus. Nulla dui. Fusce feugiat males.</span>
                                    </p>
                					<p> Dolor sit amet, consectetueng elit. Praesent vestibul um molestie lacusanmy. hender it.  
                                        <span class="color1">Lorem ipsum dolor sit amet, consectetueng elit. Praesent vestibul um molestie lacusanmy hender it mauris. Phasellus porta. Fusce scipiiu m sociis natoque  penatibus agnis dis tuient montes, nasce tur iculus. mus. Nulla dui. Fusce feugiat males. Lacusanmy hender it mauris. Phasellus porta. Fusce scipiiu m sociis natoque  penatibus agnis.</span>
                                    </p>
                                </div>
                    	     </div>
                        </li>
    				</ul>
    			</article>
    		<!--content end-->
        </div>
    </div>
    <!--footer -->
	<footer>
       <div id="footerMenu">
            <ul>
                <li><a href="#!/page_home"><span>Home</span></a></li>
				<li><a href="#!/page_about"><span>About</span></a></li>
				<li><a href="#!/page_works"><span>Galeri</span></a></li>
				<li><a href="#!/page_contacts"><span>Location</span></a></li>
            </ul>
       </div>
       &copy; 2012 &nbsp; <a href="#!/page_privacy">KKN UNHAS GEL. 87</a>
		<!-- {%FOOTER_LINK} --> 
	</footer>
	<!--footer end--> 
<script>
$(window).load(function() {	
	$('.page_spinner').delay(100).fadeOut(200);
	$('body').css({overflow:'auto'})
})
</script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-7078796-5']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</body>
</html>